<template>
  <div class="splashes-wrapper">
    <div class="splashes-1"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          data: [
            {
              title: "111",
              quantY: 50,
              quantZ: 10,
            },
            {
              title: "111",
              quantY: 260,
              quantZ: 20,
            },
            {
              title: "111",
              quantY: 50,
              quantZ: 40,
            },
            {
              title: "111",
              quantY: 70,
              quantZ: 80,
            },
            {
              title: "111",
              quantY: 150,
              quantZ: 160,
            },
            {
              title: "111",
              quantY: 100,
              quantZ: 80,
            },
            {
              title: "111",
              quantY: 50,
              quantZ: 40,
            },
            {
              title: "111",
              quantY: 10,
              quantZ: 20,
            },
          ],
          color: 0x33ccff,
        },
        {
          color: 0xff88c2,
          data: [
            {
              title: "111",
              quantY: 80,
              quantZ: 20,
            },
            {
              title: "111",
              quantY: 20,
              quantZ: 60,
            },
            {
              title: "111",
              quantY: 150,
              quantZ: 90,
            },
            {
              title: "111",
              quantY: 170,
              quantZ: 120,
            },
            {
              title: "111",
              quantY: 15,
              quantZ: 150,
            },
            {
              title: "111",
              quantY: 130,
              quantZ: 100,
            },
            {
              title: "111",
              quantY: 100,
              quantZ: 60,
            },
            {
              title: "111",
              quantY: 40,
              quantZ: 30,
            },
          ],
        },
        {
          color: 0xffff77,
          data: [
            {
              title: "111",
              quantY: 180,
              quantZ: 60,
            },
            {
              title: "111",
              quantY: 20,
              quantZ: 150,
            },
            {
              title: "111",
              quantY: 200,
              quantZ: 250,
            },
            {
              title: "111",
              quantY: 120,
              quantZ: 270,
            },
            {
              title: "111",
              quantY: 35,
              quantZ: 240,
            },
            {
              title: "111",
              quantY: 13,
              quantZ: 340,
            },
            {
              title: "111",
              quantY: 46,
              quantZ: 360,
            },
            {
              title: "111",
              quantY: 20,
              quantZ: 130,
            },
          ],
        },
      ],
    };
  },
  created() {},
  mounted() {
    this.drawLChart("line", "splashes-1", this.data, {
      manifest: {
        noLine: true,
      },
      cameraOpt: {
        fov: 20,
        width: 400,
        height: 400,
        position: {
          x: 1,
          y: 1,
          z: 5,
        },
      },
    });
  },
  methods: {},
};
</script>

<style lang="scss">
</style>
